<template>
  <div class="bgpcb">
        <div  ><h2 class="title">在线计价</h2></div>
        <el-tabs :stretch="true" type="border-card" v-model="activeName" @tab-click="handleClick" class="pcbtabs">
          <el-tab-pane label="PCB计价" name="first"><PcbValuation /></el-tab-pane>
          <el-tab-pane label="SMT计价" name="second">SMT计价</el-tab-pane>
          <el-tab-pane label="钢网计价" name="third">钢网计价</el-tab-pane>
       </el-tabs>
  </div>
</template>

<script>
import PcbValuation from "./pcbValuation/pcbValuation.vue";

export default {
        data() {
      return {
        activeName: 'first'
      };
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      }
    },
    components:{
        PcbValuation
    }
}
</script>

<style >

.title{
    padding: 10px;
     
}
.bgpcb{
  background-color: #F2F6FC;
  width: 100%;
  margin:20px auto 0;
  padding-bottom: 20px;
}
.pcbtabs{
  margin:  auto;
  width: 500px;
}


</style>